<style>
    .house{
        display: flex;
        padding: 5px;
        border-bottom: 1px solid #dadada;
    }
    .house .nums{
        width: 60px;
        display: flex;
        align-items: center;
        padding-right: 5px;
    }
    .house_body{
        margin-left: 20px;
        flex-grow: 2;
    }
    .house.active{
        background-color: #dadada;
    }
    .footer-action{
        padding: 7px;
        display: flex;
        justify-content: space-between;
    }
</style>
<div class="modal modal-type" tabindex="-1" role="dialog" id="showmodalBangdan">
    <div class="modal-dialog" role="document" >
        <div class="modal-content">
            <form action="{php echo $this->createWebUrl('sendlist', array('op'=>'bangdan'))}" method="post">  
            <div class="modal-header clearfix">
               设置榜单
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <div class="row" id="lbsdata">
                    <div class="col-md-12">
                        <div class="panel " style="margin-bottom: 0;">
                            <div class="panel-heading"> 
                                <ul class="nav nav-tabs">                        
                                    <li class="active">
                                        <a href="#tab_1" data-toggle="tab"> 总榜</a>
                                    </li>
                                    <li class="">
                                        <a href="#tab_2" data-toggle="tab">商圈榜</a>
                                    </li>
                                    <li class="">
                                        <a href="#tab_3" data-toggle="tab">小区榜</a>
                                    </li>
                                </ul>                        
                            </div>
                            <div class="panel-body table-responsive">
                               
                            <div class="tab-content" style="height: 500px; overflow-y: auto;">
 
                                <div class="tab-pane active " id="tab_1">
                                </div>
                                <div class="tab-pane  " id="tab_2">
                                </div>
                                <div class="tab-pane  " id="tab_3">
                                </div>

                            </div>
                           
                        </div>
                    </div>
                    </div>
                    </div>
            </div>  
            <div class="modal-footer" style="padding: 0;">
                <div class="footer-action">
                <div>
                  <label>  <input type="radio" name="istop" value="1"> 置顶1</label>
                  <label>  <input type="radio" name="istop" value="2"> 置顶2</label>
                  <label>  <input type="radio" name="istop" value="3"> 置顶3</label>
                </div>
                <input type="hidden" name="token" value="{$_W['token']}" />
                <input type="submit" name="submit"  value="提交保存" class="btn btn-primary col-lg-2" />
                </div>
            </div>  
            </div>
        </div>
        </form>
    </div>
</div> 
<script>
  function setBandan(obj,id, type){
        $.get("{php echo $this->createWebUrl('sendlist', array('op'=>'bangdan'))}&id="+id, function(ret){
            var tabs = ret.split('<!-- tabsegment -->')
            $('#tab_1').html(tabs[0])
            $('#tab_2').html(tabs[1])
            $('#tab_3').html(tabs[2])
            $(obj).removeClass('label-default').addClass('label-success')
        })
        $('#showmodalBangdan').modal().show()
    }
</script>